/* 遮罩层样式，覆盖整个页面 */
       .popup-overlay {
           position: fixed;
           top: 0;
           left: 0;
           width: 100%;
           height: 100%;
           background-color: rgba(0, 0, 0, 0.5); /* 半透明黑色，遮挡底层页面 */
           display: none; /* 初始隐藏 */
           justify-content: center;
           align-items: center;
           z-index: 100; /* 确保在其他元素之上显示 */
           backdrop-filter: blur(5px); /* 添加背景模糊效果，数值可调整模糊程度 */
       }
       
       /* 弹窗内容区域通用样式 */
       .popup-content {
		   margin: 50px auto;
           background-color: #fff;
           border-radius: 15px;
           box-shadow: 0 5px 20px rgba(0, 0, 0, 1);
           width: 400px; /* 宽度增加到400px */
           height: auto;
           display: flex;
           flex-direction: column;
           align-items: center;
       }
       
       /* 关闭按钮通用样式 */
       .close-popup {
           position: absolute;
           top: 10px;
           right: 10px;
           color: #aaa;
           font-size: 28px;
           font-weight: bold;
           cursor: pointer;
           transition: all 0.3s; /* 添加所有属性过渡效果 */
       }
       
       .close-popup:hover {
           color: black;
           transform: rotate(90deg) scale(1.2); /* 悬停时旋转并放大一点 */
       }
       
       /* 调整注册弹窗内部分元素样式（可根据实际需求进一步细化） */
       #registerPopup input {
           width: 320px; /* 输入框宽度相应增加 */
           height: 35px; /* 高度增加一点 */
           text-indent: 10px; /* 文本缩进适当调整 */
           border: none;
           border-bottom: 1px solid #ddd;
           outline: none;
           margin: 18px auto; /* 增加上下间距 */
       }
       
       #registerPopup button {
           width: 320px; /* 按钮宽度增加 */
           height: 45px; /* 按钮高度增加 */
           margin: 40px auto 45px auto; /* 增加上下间距 */
           border: none;
           background: linear-gradient(-200deg, #fac0e7, #aac2ee);
           color: #fff;
           font-weight: bold;
           letter-spacing: 8px;
           border-radius: 10px;
           cursor: pointer;
           transition: 0.5s;
       }
       
       #registerPopup button:hover {
           background: linear-gradient(-200deg, #aac2ee, #fac0e7);
           background-position-x: -280px;
           text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* 增加字体阴影效果 */
           transform: scale(1.05); /* 鼠标悬停时稍微放大一点 */
       }
       
       .container {
           /* 相对定位 */
           position: relative;
           z-index: 1;
           background-color: #fff;
           border-radius: 15px;
           /* 弹性布局 */
           display: flex;
           flex-direction: column;
           align-items: center;
           width: 400px; /* 宽度增加到400px */
           height: 550px; /* 高度适当增加 */
           box-shadow: 0 5px 20px rgba(0, 0, 0, 1);
       }
       
       .container input {
           width: 320px; /* 输入框宽度相应增加 */
           height: 35px; /* 高度增加一点 */
           text-indent: 10px; /* 文本缩进适当调整 */
           border: none;
           border-bottom: 1px solid #ddd;
           outline: none;
           margin: 18px auto; /* 增加上下间距 */
       }
       
       .container input:focus {
           border-bottom: 2px solid #aac2ee; /* 聚焦时边框变粗且改变颜色 */
           box-shadow: 0 0 5px rgba(170, 194, 238, 0.5); /* 添加发光效果 */
       }
       
       .container input::placeholder {
           color: #ccc; /* 占位符颜色设置为较浅灰色 */
           font-size: 14px;
       }
       
       .container button {
           width: 320px; /* 按钮宽度增加 */
           height: 45px; /* 按钮高度增加 */
           margin: 40px auto 45px auto; /* 增加上下间距 */
           border: none;
           background: linear-gradient(-200deg, #fac0e7, #aac2ee);
           color: #fff;
           font-weight: bold;
           letter-spacing: 8px;
           border-radius: 10px;
           cursor: pointer;
           /* 动画过度 */
           transition: 0.5s;
       }
       
       .container button:hover {
           background: linear-gradient(-200deg, #aac2ee, #fac0e7);
           background-position-x: -280px;
           text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); /* 增加字体阴影效果 */
           transform: scale(1.05); /* 鼠标悬停时稍微放大一点 */
       }
       
       .container button.disabled {
           background: linear-gradient(-200deg, #ccc, #ccc); /* 改为灰色背景 */
           color: #999; /* 字体颜色变浅 */
           opacity: 0.6; /* 降低透明度 */
           cursor: not-allowed; /* 鼠标指针变为禁止样式 */
       }
       
       .container.tit {
           font-size: 28px;
           margin: 65px auto 40px auto; /* 调整上下间距 */
           color: #555; /* 改变字体颜色 */
           text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1); /* 添加轻微阴影效果 */
           border-bottom: 2px solid #e3c5eb; /* 添加下划线 */
           padding-bottom: 10px; /* 增加下划线与文字的间距 */
       }
       
       .go-register,
       .go-login {
           font-size: 14px;
           color: #999; /* 调整颜色为较浅灰色 */
           cursor: pointer; /* 鼠标悬停变为手型 */
           transition: color 0.3s; /* 添加颜色过渡效果 */
       }
       
       .go-register:hover,
       .go-login:hover {
           color: #fac0e7; /* 鼠标悬停时改变颜色 */
       }